<template>
  <div class="doc-contain">
    <h1>List 列表</h1>
    <div class="preview-contain">
      <h2>虚拟列表</h2>
      <preview :component="demo" componentName="list" demoName="demo"/>
      <document :body="propBody" title="属性" type="prop"/>
    </div>
  </div>
</template>

<script lang="ts" setup>
import preview from '/@/components/preview.vue'
import document from '/@/components/document.vue'
import demo from './demo.vue'

const propBody = [
  ['items', '展示数据', 'Array', '是', '—', '[]'],
  ['type', '类型', 'string', '否', ['table', 'list'], 'list'],
]
</script>


<style scoped>
.doc-contain {
  text-align: left;
  width: 100%;
}
</style>
